<template>
  <a-tooltip placement="bottomLeft" v-if="text?.length * 10 > column.width - otherWidth">
    <template #title>
      <span>{{ text }}</span>
    </template>
    <span v-if="!column.ele">{{ text }}</span>
    {{ column.ele }}
    <a v-if="column.ele">{{ text }}</a>
  </a-tooltip>
  <span v-else-if="!column.ele">{{ text }}</span>
  <a v-else-if="column.ele">{{ text }}</a>
</template>

<script lang="ts" setup>
import { ref } from "vue"
const props = defineProps({
  text: {
    type: String,
    default: ''
  },
  column: {
    type: Object,
    default: {
      width: 0
    }
  },
  otherWidth: {
    type: Number,
    default: 0
  }
})


</script>

<style lang="less" scoped></style>